
// base color
$blue:#324157;
$light-blue:#3A71A8;
$red:#C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;

// sidebar
$menuText:#1A1A1A;
$menuActiveText:#1E1D73;
$subMenuActiveText:#4831c6; // https://github.com/ElemeFE/element/issues/12951

$menuBg:#ffffff;
$menuHover:#263445;
$menuActiveBg:#ECF5FF;
$subMenuActiveBg:#f4f4f5;

$subMenuBg:#1f2d3d;
$subMenuHover:#001528;

$menuFont: 16px;
$menuHeight: 50px;
$menuWeight: bold;
// logo
$logoBg: #2286ed;
$bg: #171942;
$cursor: #fff;
// 登陆页面输入表单

.login-container .login-form {
  position: absolute !important;
  left: 63%;
  top: 35%;
  padding: 20px 30px 30px 30px !important;
  width: 25% !important;
  box-shadow: 0px 0px 15px 5px #068aff;
  background-image: linear-gradient(#1a1c4a,#191b45);
  border-radius: 8px;
}
.login-container .el-input {
  width: calc(100% - 70px) !important;
}
.login-container {
  .el-input {
    input {
      &:-webkit-autofill {
        box-shadow: 0 0 0px 1000px $bg inset !important;
        -webkit-text-fill-color: $cursor !important;
      }
    }
  }
}


.branch-group {
  display: inline-block;
  width: 28%;
  height: 400px;
  .el-radio {
    display: block;
    margin-top: 15px;
  }
}

.inline-3-treewidth{
  display: inline-block;
  width: 37%;
  margin-top: 10px;
  vertical-align: top;
  height: 400px;
  .el-card__body{
    height: 100%;
    padding-bottom: 0;
    margin-top: 10px;
  }

  .el-tree-node {
    width: 120%;
  }
  .el-scrollbar{
    height: 99%;
  }
  .el-scrollbar__wrap {
    overflow-x: hidden;
  }
  .scrollbar-tree-panel{
    max-height: 100%;
  }
    
}
.color-blue{
  color:#409EFF
}

.el-popup-parent--hidden .fixed-header {
   padding-right: 0px; 
}

.dialog-blue-top{
   .el-dialog__header {
    background-color: rgb(20, 143, 224);
    vertical-align: middle;
    padding: 10px !important;
  }
    .el-dialog__header .el-dialog__title {
    color: white;
    font-size: 16px;
  }
  .el-dialog__body {
    padding:  10px;
  }
  
  .el-dialog__headerbtn{
    top:13px;
  }
  .el-icon-close{
    color: #fff;
 
  }
  .el-icon-close:hover{
    color: #fff;
   
  }

}

.blue-panel{
  max-width: 400px;
  .el-dialog__body {
    height: 400px ;
    padding: 0 0 0 20px;
  
  }
  .el-dialog__header {
    background-color: rgb(20, 143, 224);
    vertical-align: middle;
    padding: 10px !important;
  }
  .el-dialog__header .el-dialog__title {
    color: white;
    font-size: 16px;
  }
  .el-dialog__headerbtn{
    top:13px;
  }
  .el-icon-close{
    color: #fff;
 
  }
  .el-icon-close:hover{
    color: #fff;
   
  }
}


.dialog-blue-panel{
  min-width: 940px;

  .el-dialog__headerbtn{
    top:13px;
  }
  .el-icon-close{
    color: #fff;
 
  }
  .el-icon-close:hover{
    color: #fff;
   
  }
}
.dialog-blue-panel>.el-dialog__body {
  height: 400px ;
  padding: 0 0 0 20px;

}
.dialog-blue-panel > .el-dialog__header {
  background-color: rgb(20, 143, 224);
  vertical-align: middle;
  padding: 10px !important;
}
 .dialog-blue-panel > .el-dialog__header .el-dialog__title {
  color: white;
  font-size: 16px;
}

.inline-left-treewidth{
  display: inline-block;
  width: 45%;
  margin-top: 10px;
  vertical-align: top;
  border-right: 1px solid #d8d4d4;
  height: 400px;

  .el-card__body{
    height: 100%;
    margin-top: 10px;
  }

  .el-tree-node {
   
  }
  .el-scrollbar{
    height: 99%;
  }
  .el-scrollbar__wrap {
    overflow-x: hidden;
  }
  .scrollbar-tree-panel{
    max-height: 100%;
  }
}

.person-selected{
  color: rgb(46, 46, 182);
  position: relative;
  left: 10px ;
  top:0px;
  display: inline-block;
  vertical-align: bottom;

  margin-right: 15px;

 .el-scrollbar__wrap {
   max-height: 380px;
   
}

}


.inline-huiqian-width{
  display: inline-block;
  width: 45%;
  margin-top: 10px;
  vertical-align: top;
  height: 400px;
}

.inline-width {
  display: inline-block;
  width: 48%;
  margin-top: 20px;
  vertical-align: top;
  height: 400px;
 
  .el-scrollbar__wrap {
   height: 400px;
   overflow-x: hidden;
   margin-bottom:3px !important;
}
}
.height-400px{
  height: 400px;
}

.some-person-selected{
  color: rgb(46, 46, 182);
  position: relative;
  left: 10px ;
  top:0px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 15px;

 .el-scrollbar__wrap {
   max-height: 380px;
   
}

}

.inline-left-width{
  display: inline-block;
  width: 32%;
  margin-top:8px;
  padding-top: 10px;
  vertical-align: top;
  height: 400px;

  .el-card__body{
    height: 100%;
  } 
}

.suspension-button {
  left: 223px !important;
}
.button-menu {
  padding: 0 !important;
  box-shadow: none !important;
  background: none !important;
  margin: 5px 0px 0px !important;
  height: auto !important;
  // border-radius: 5px;
}
.button-menu li {
  margin-left: 2px !important;
  bottom: 0px !important;
}
.button-menu li:first-child {
}
.button-menu li a {
  padding: 8px 14px !important;
  background: #565656 !important;
  color: white !important;
  font-size: 20px !important;
  font-weight: bold !important;
  box-shadow: none !important;
  height: auto !important;
}
.button-menu li a:hover {
  background: gray !important;
}
.button-menu li a:active {
  // background-color: #08c !important;
  bottom: 0px !important;
  box-shadow: none !important;
}
.button-menu li a.active {
  background-color: #08c !important;
}


//工作台标题字号
.font15px {
  font-size: 15px;
}

.workbench-badge .el-badge__content {
  top: 0px;
  right: -20px !important;
  transform: none;
}
.gjgs-yijian {

  //意见另附页
  .opinion-card {
    top: 152px !important;
  }

  .el-card {
    overflow: visible !important;
  }

  //当前输入字数

  .el-textarea__inner {
    color: #333;
    border: 1px solid #1286d2;
    min-height: 130px !important;

  }

  //意见上方弹出常用意见类名
  .el-autocomplete-suggestion {
    li {
      color: #333
    }
  }

}
.right-menu {
  .right-menu-item {
    .boardMenu {
      position: relative;
      margin-bottom: 42px;
      margin-right: 14px;
      width: 15px;
      .el-button--primary {
        border-color: #F9F9F9;
      }
      .el-button--medium {
        padding: 0px 5px;
      }
      .boardButton {
        position: absolute;
        width: 31px;
        height: 42px;
        background-color: #F9F9F9;
        color: #606266;
        cursor: pointer;
        border-radius: 10px;
      }
      .is-dot {
        position: absolute;
        right: -10px;
        top: -1px;
      }
    }
  }
}

.text-align-right1 {
  text-align: left;
  display: inline-block;
  width: 8em;
  text-indent: 4em;
}

.text-align-right2 {
  width: 10em;
  display: inline-block;
  text-align: right;
}

.turn-link {
  padding: 3px 0px;
  color: #0000ee;
  /* border-bottom: 2px solid #e6e6e6; */
  cursor: pointer;
}
//工作台关注样式
.office-area .gjgs-css  .el-icon-star-off,
.office-area  .el-icon-star-on {
  color: #f0913c;
}